import { PolarAngleAxis, PolarGrid, Radar, RadarChart, ResponsiveContainer } from 'recharts'
import Label from '../Label'

const data = [
  {
    subject: '塑料',
    A: 120,
    fullMark: 150,
  },
  {
    subject: '木制品',
    A: 98,
    fullMark: 150,
  },
  {
    subject: '文化旅游',
    A: 86,
    fullMark: 150,
  },
  {
    subject: '矿产',
    A: 99,
    fullMark: 150,
  },
  {
    subject: '麻纺',
    A: 85,
    fullMark: 150,
  },
  {
    subject: '农产品深加工',
    A: 65,
    fullMark: 150,
  },
]
export const tick1 = { fill: '#f0f0f0' }
export default function Section2(props: React.HTMLAttributes<HTMLElement>) {
  return (
    <Label {...props} divider title="产业发展类型">
      <ResponsiveContainer width="100%" height="100%">
        <RadarChart cx="50%" cy="50%" outerRadius="80%" data={data}>
          <PolarGrid />
          <PolarAngleAxis dataKey="subject" tick={tick1} />
          {/* <PolarRadiusAxis /> */}
          <Radar dataKey="A" stroke="#fde633" fill="#fde63373" fillOpacity={0.6} />
        </RadarChart>
      </ResponsiveContainer>
    </Label>
  )
}
